<template>
  <div class="page-home">
    <div class="home-entry">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />
        <HomeBanner></HomeBanner>

      </div>
        <HomeNew></HomeNew>
        <HomeHot></HomeHot>
        <HomeBrand></HomeBrand>
        <HomeProduct></HomeProduct>
        <HomeSpecial></HomeSpecial>
    </div>
    </div>
</template>
<script>
import HomeProduct from './components/home-product.vue'
import HomeBanner from './components/home-banner.vue'
import HomeBrand from './components/home-brand.vue'
import HomeCategory from './components/home-category.vue'
import HomeHot from './components/home-hot.vue'
import HomeNew from './components/home-new.vue'
import HomeSpecial from './components/home-special.vue'

export default {
  name: 'PageHome',
  components: { HomeCategory, HomeBanner, HomeNew, HomeHot, HomeBrand, HomeProduct, HomeSpecial }
}
</script>
<style lang="less" scoped>
h1{
    background-color: @helpColor;
}
</style>
